<template>
  <div id="vuewheel">
    <my-content>
      <my-aside :menuList="menuList" IsWheel></my-aside>
    </my-content>
  </div>
</template>

<script>
import MyAside from "@/components/content/aside/MyAside.vue";
import MyContent from "@/components/common/content/MyContent.vue";

export default {
  name: "VueWheel",
  data() {
    return {
      menuList: [
        {
          title: "组件库1",
          path: "./html/wheel/stars.html",
          wheelNode: "stars",
        },
        {
          title: "组件库2",
          path: "./html/wheel/magnifier.html",
          wheelNode: "magnifier",
        },
        {
          title: "组件库3",
          path: "./html/wheel/modal.html",
          wheelNode: "modal",
        },
        {
          title: "组件库4",
          path: "./html/wheel/carousel.html",
          wheelNode: "carousel",
          wheelNodeItem: "car-item",
        },
      ],
    };
  },
  components: {
    MyAside,
    MyContent,
  },
};
</script>

<style scoped>
#vuewheel {
  padding: 20px;
}
</style>